import React, {Component} from 'react';
import cssModule from './ListItem.module.less'

class ListItem extends Component {
    list = [{
        leftIcon: '&#xe780;',
        rightIocn: "&#xe780;",
        leftText: "附件简历",
        rightText: "添加视频简历"
    }]


    render() {
        return (
            <div className={`paddlr14`}>
                <div className='flex just-spa-bet ali-cen paddtb14'>
                    <section className='flex ali-cen'>
                        <span className='iconfont fo-20 mr10'>&#xe7d1;</span>
                        <span>附件简历</span>
                    </section>
                    <section className='flex ali-cen'>
                        <span className='fo-12 fo-shadowgray'>添加视频简历</span>
                        <span className={`iconfont fo-20  ${cssModule.iconfont}`}>&#xe743;</span>
                    </section>
                </div>
                <div className='flex just-spa-bet ali-cen paddtb14'>
                    <section className='flex ali-cen'>
                        <span className='iconfont fo-20 mr10'>&#xe780;</span>
                        <span>管理求职意向</span>
                    </section>
                    <section className='flex ali-cen'>
                        <span className='fo-12 fo-shadowgray'></span>
                        <span className={`iconfont fo-20  ${cssModule.iconfont}`}>&#xe743;</span>
                    </section>
                </div>
                <div className='flex just-spa-bet ali-cen paddtb14'>
                    <section className='flex ali-cen'>
                        <span className='iconfont fo-20 mr10'>&#xe7c6;</span>
                        <span>个人主页</span>
                    </section>
                    <section className='flex ali-cen'>
                        <span className='fo-12 fo-shadowgray'>您有新的待完善事项</span>
                        <span className={`iconfont fo-20  ${cssModule.iconfont}`}>&#xe743;</span>
                    </section>
                </div>
                <div className='flex just-spa-bet ali-cen paddtb14'>
                    <section className='flex ali-cen'>
                        <span className='iconfont fo-20 mr10'>&#xe781;</span>
                        <span>我的圈子</span>
                    </section>
                    <section className='flex ali-cen'>
                        <span className='fo-12 fo-shadowgray'></span>
                        <span className={`iconfont fo-20  ${cssModule.iconfont}`}>&#xe743;</span>
                    </section>
                </div>
                <div className='flex just-spa-bet ali-cen paddtb14'>
                    <section className='flex ali-cen'>
                        <span className='iconfont fo-20 mr10'>&#xe7c3;</span>
                        <span>牛人问答</span>
                    </section>
                    <section className='flex ali-cen'>
                        <span className='fo-12 fo-shadowgray'></span>
                        <span className={`iconfont fo-20  ${cssModule.iconfont}`}>&#xe743;</span>
                    </section>
                </div>
                <div className='flex just-spa-bet ali-cen paddtb14'>
                    <section className='flex ali-cen'>
                        <span className='iconfont fo-20 mr10'>&#xe780;</span>
                        <span>薪酬查询</span>
                    </section>
                    <section className='flex ali-cen'>
                        <span className='fo-12 fo-shadowgray'></span>
                        <span className={`iconfont fo-20  ${cssModule.iconfont}`}>&#xe743;</span>
                    </section>
                </div>
                <div className='flex just-spa-bet ali-cen paddtb14'>
                    <section className='flex ali-cen'>
                        <span className='iconfont fo-20 mr10'>&#xe782;</span>
                        <span>帮助与反馈</span>
                    </section>
                    <section className='flex ali-cen'>
                        <span className='fo-12 fo-shadowgray'></span>
                        <span className={`iconfont fo-20  ${cssModule.iconfont}`}>&#xe743;</span>
                    </section>
                </div>
                <div className='flex just-spa-bet ali-cen paddtb14'>
                    <section className='flex ali-cen'>
                        <span className='iconfont fo-20 mr10'>&#xe77e;</span>
                        <span>关于</span>
                    </section>
                    <section className='flex ali-cen'>
                        <span className='fo-12 fo-shadowgray'></span>
                        <span className={`iconfont fo-20  ${cssModule.iconfont}`}>&#xe743;</span>
                    </section>
                </div>
            </div>
        );
    }
}

export default ListItem;